<!DOCTYPE html>
<html>

<head>
    <title></title>
    <!-- For-Mobile-Apps-and-Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=false;" name="viewport" />
    <meta name="keywords" content="Fortune Estates Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, SmartPhone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link rel="stylesheet" href="css/ken-burns.css" type="text/css" media="all" />
    <!--//pop-up-box -->
    <!-- web-fonts -->
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <!-- //web-fonts -->
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="css/demos.css">
    <link rel="stylesheet" href="css/common.css">
    <style>
        body {
            background-image: url('images/5.png');
            background-repeat: no-repeat;
            background-size: 100%;
            width: 100%;
            background-color: #FFFBE5;
        }

        p {
            margin: 0 0 0;
            text-align: center;
            color: white;
            font-size: 10px;
            line-height: 1.8;
        }

        h1 {
            margin: 0 0 0;
        }

        .box {
            position: relative;
            top: 20px;
            width: 100%;
            /*宽*/
            height: auto;
            /*高*/
            margin: 0px auto;
        }

        .box .weui-tabbar__icon{
            width: 80%;
            height: 80%;
        }

        .title{
            padding-top: 10%;
            padding-left: 25%;
        }


        .fltitle{
            position: relative;
            top: 80px;
            left: 20%;
            width: 85%;
        }
        
        .content-wrap{
            background: url("images/ttt.png") no-repeat;
            background-size: 100% 10%;
        }
    </style>
</head>

<body class="bg">
<div class="agile-main">
    <div class="content-wrap">
        <div class="content" style="padding-left: 20px;padding-right: 20px;">

            <div class="title">
                <img src="images/3.png" width="70%" height="auto"/>
            </div>

            <div class="box">
                <div class="weui-flex">
                    <div class="weui-flex__item">
                        <a href="#" class="weui-tabbar__item">
                            <div class="weui-tabbar__icon">
                                <img src="images/t1.png" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="weui-flex__item">
                        <div class="weui-flex__item">
                            <a href="#" id="myOrder" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon">
                                    <img src="images/t2.png" alt="">
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="weui-flex__item">
                        <div class="weui-flex__item">
                            <a href="#" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon">
                                    <img src="images/t3.png" alt="">
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="weui-flex" style="margin-top: 20px;">
                    <div class="weui-flex__item">
                        <a href="#" class="weui-tabbar__item">
                            <div class="weui-tabbar__icon">
                                <img src="images/t4.png" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="weui-flex__item">
                        <div class="weui-flex__item">
                            <a href="#" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon">
                                    <img src="images/t5.png" alt="">
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="weui-flex__item">
                        <div class="weui-flex__item">
                            <a href="#" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon">
                                    <img src="images/t6.png" alt="">
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="fltitle">
                <img src="images/6.png" width="70%" height="auto"/>
            </div>
        </div>
        <#include "_inc/menufooter.ftl" />
    </div>
</div>

<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script src="js/classie.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/jquery-weui.js"></script>
<script src="js/jquery.fly.min.js"></script>
<script src="js/utils.js"></script>
<script>
    $("#main").on("click", function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.state = '${mach}';
        $.submitFormPost('/weixin.do', param, 'POST');
    });

    $("#my").on("click", function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.mach = '${mach}';
        $.submitFormPost('/my.do', param, 'POST');
    });

    $("#myOrder").on("click", function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.mach = '${mach}';
        $.submitFormPost('/myorder.do', param, 'POST');
    });
</script>

</body>

</html>